@charset "utf-8";
.header-main {
    border-bottom: none !important;
}

@media screen and (min-width: 768px) {
    #wrapper.touch {
        background-color: #eee;
    }

    .header-top {
        top: 0;
        position: absolute;
        transition: 0.6s ease;
    }

    .header-main {
        top: 40px;
        position: absolute;
        transition: 0.6s ease;
    }

    .head-none .header-top {
        top: -40px;
    }

    .head-none .header-main {
        top: 0px;
    }

    .touch .lcl-box {
        display: block;
    }

    #wrapper:not(.touch) .footer-btm {
        height: auto;
    }
}

/*背景動画用*/
#cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#cover > div {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

video#bgvid {
    position: absolute;
    left: 50%;
    bottom: 0;
    top: 0;
    margin: auto 0;
    min-width: 100%;
    min-height: 100%;
    transform: translateX(-50%);
}

.lcl-box {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* ---------------------------------------------------------------- box ---- */

.box-inner {
    width: 100%;
    height: 100%;
    margin-right: auto;
    position: relative;
    transition: .7s ease;
}

.lcl-box.active .box-inner
.touch .lcl-box .box-inner {
    width: 100%;
    transition: 0.3s ease;
    transition-delay: .3s;
}

.lcl-support.active .box-inner {
}

.lcl-box-item {
    width: 500px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 45%;
    margin: auto;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    transform: skew(16deg);
}

.lcl-box-item__txt {
    font-size: 15px;
    line-height: 35px;
    color: #fff;
    font-weight: 350;
}

/*------------------------------ lcl-scroll -----*/
.lcl-scroll {
    position: absolute;
    bottom: 0;
    left: calc(50% - 20px);
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-decoration: none;
    font-weight: bold;
    opacity: 0;
    padding-top: 55px;
    transition: 1s cubic-bezier(0, 0, 0.1, 1.0);
    z-index: 2;
    color: #fff;
}

.start .lcl-scroll {
    opacity: 1;
}

.lcl-scroll span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 25px;
    height: 50px;
    margin-left: -13px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
}

.lcl-scroll span::before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sdb 2s infinite;
    animation: sdb 2s infinite;
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    @-webkit-keyframes sdb {
        0% {
            -webkit-transform: translate(0, 0);
            opacity: 0;
        }
        40% {
            opacity: 1;
        }
        80% {
            -webkit-transform: translate(0, 20px);
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes sdb {
        0% {
            transform: translate(0, 0);
            opacity: 0;
        }
        40% {
            opacity: 1;
        }
        80% {
            transform: translate(0, 20px);
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
}

/* ---------------------------------------------------------------- section1 ---- */
.lcl-news {
    margin-left: auto;
    margin-right: auto;
}

.lcl-news-list {
    margin-bottom: 60px;
}

@media screen and (min-width: 768px) {
    .lcl-news .btn-wrp {
        transform: translateY(100px);
        opacity: 0;
        transition: .6s ease;
    }

    .active .lcl-news .btn-wrp,
    .touch .lcl-news .btn-wrp {
        transform: translateY(0px);
        opacity: 1;
        transition: .6s ease 1.3s;
    }
}

.lcl-news-item {
    height: 100px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(85, 85, 85, 0.08);
}

@media screen and (min-width: 768px) {
    .lcl-news-item {
        transform: translateY(100px);
        opacity: 0;
        transition: .6s ease;
    }

    .active .lcl-news-item,
    .touch .lcl-news-item {
        transform: translateY(0px);
        opacity: 1;
        transition-delay: 1s;
    }

    .active .lcl-news-item:nth-child(2),
    .touch .lcl-news-item:nth-child(2) {
        transition-delay: 1.1s;
    }

    .active .lcl-news-item:nth-child(3),
    .touch .lcl-news-item:nth-child(3) {
        transition-delay: 1.2s;
    }
}

.lcl-news-item:not(:last-child) {
    margin-bottom: 20px;
}

.lcl-news-item__img {
    width: 150px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(http://www.ctechcorp.co.jp/common/img/noimg.jpg);
}

.lcl-news-item__txt {
    width: calc(100% - 150px);
    padding: 12px 15px;
}

.lcl-news-item__day {
    color: #f49b00;
    font-size: 15px;
    margin-bottom: 10px;
}

.lcl-news-item__cat {
    font-size: 11px;
    display: inline-block;
    width: 100px;
    line-height: 20px;
    margin-left: 15px;
    text-align: center;
    color: #fff;
    background-color: #f49b00;
}

.lcl-news-item__ttl {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.lcl-news-item__cat.notice {
    background-color: #f49b00;
}

.lcl-news-item__cat.news {
    background-color: #555;
}

@media screen and (min-width: 768px) {
    .lcl-news-item__link:hover .lcl-news-item__ttl {
        text-decoration: underline;
    }

    #wrapper:not(.touch) .lcl-news {
        min-width: 900px;
        max-width: 1000px;
        width: calc(100% - 300px);
    }

    .lcl-news {
        width: calc(100% - 200px);
    }
}

/* ---------------------------------------------------------------- section2 ---- */

@media screen and (min-width: 768px) {
    #wrapper:not(.touch) #section2 .box-inner__ttl {
        width: 100%;
        height: 150px;
        display: block;
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 1;
    }

    #wrapper:not(.touch) #section2 .box-inner__ttl .block__ttl02 {
        margin-bottom: 0;
        margin-top: 46px;
    }
}

#section2 .lcl-box__item {
    height: 100%;
    position: relative;
    z-index: 2;
}

#section2 .lcl-box__item ul {
    height: 100%;
    position: relative;
    z-index: 2;
}

#section2 .lcl-box__item ul li {
    background-color: #fff;
}

@media screen and (min-width: 768px) {
    .touch #section2 {
        padding: 50px 0;
    }

    .touch #section2 .lcl-box__item {
        width: calc(100% - 100px);
        margin-left: auto;
        margin-right: auto;
    }

    #section2 .lcl-box__item ul {
        opacity: 0;
        transition: 0.5s ease;
    }

    #section2.active .lcl-box__item ul,
    .touch #section2 .lcl-box__item ul {
        opacity: 1;
        transition: 0.5s ease 1.2s;
    }

    .touch #section2 .lcl-box__item ul {
        height: 680px;
    }

    #section2 .lcl-box__item ul li {
        overflow: hidden;
        height: 50%;
        width: 25%;
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
        position: absolute;
        left: -33.33333%;
        top: 0;
        transition: 0.5s ease .5s;
    }
}

#section2 .lcl-box__item ul li a {
    display: block;
    height: 100%;
}

#section2 .lcl-box__item ul li .img {
    width: 100%;
    height: calc(50vh - 130px);
    background: center /cover no-repeat;
    position: relative;
    overflow: hidden;
}

/*#section2 .lcl-box__item ul li .img::before {*/
/*content: '';*/
/*width: calc(100% - 30px);*/
/*height: calc(100% - 30px);*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*margin: auto;*/
/*border: 1px solid #f49b00;*/
/*transform: scale(1.3);*/
/*transition: 0.3s ease;*/
/*bottom: 0;*/
/*right: 0;*/
/*opacity: 0;*/
/*z-index: 3;*/
/*}*/

@media screen and (min-width: 768px) {
    .touch #section2 .lcl-box__item ul li .img {
        height: 200px;
    }

    #section2 .lcl-box__item ul li:hover .img:before {
        transform: scale(1);
        opacity: 1;
    }
}

#section2 .lcl-box__item ul li .txt {
    width: 100%;
    padding: 20px 30px;
    height: 270px;
    position: absolute;
    left: 0;
    bottom: -150px;
    transition: 0.3s ease .3s;
    background-color: white;
}

#section2 .lcl-box__item ul li .txt:hover {

}

#section2 .lcl-box__item ul li .txt h3 {
    margin-bottom: 10px;
    color: grey;
    font-weight: 600;
    transition: 0.3s ease;
    text-align: center;
}

#section2 .lcl-box__item ul li .txt h3:nth-child(2) {
    margin-bottom: 10px;
    color: orangered;
    font-weight: 600;
    transition: 0.3s ease;
    text-align: center;
}

#section2 .lcl-box__item ul li .txt p {
    margin-bottom: 10px;
    color: grey;
    font-weight: 600;
    transition: 0.3s ease;
    text-align: center;
}

/*#section2 .lcl-box__item ul li .txt h3:before {*/
/*content: '\f0a9';*/
/*font-family: fontawesome;*/
/*position: relative;*/
/*color: #f6ab00;*/
/*margin-right: 10px;*/
/*transition: 0.3s ease;*/
/*}*/

@media screen and (min-width: 768px) {
    #section2 .lcl-box__item ul li:hover .txt h3:before {
        margin-left: 5px;
        margin-right: 5px;
    }
}

#section2 .lcl-box__item ul li .txt p {
    font-size: 13px;
}

#section2 .lcl-box__item ul li:nth-child(4),
#section2 .lcl-box__item ul li:nth-child(5),
#section2 .lcl-box__item ul li:nth-child(6) {
    top: 50%;
}

#section2 .lcl-box__item ul li:nth-child(1) {
    z-index: 6;
}

#section2 .lcl-box__item ul li:nth-child(2) {
    z-index: 5;
}

#section2 .lcl-box__item ul li:nth-child(3) {
    z-index: 4;
}

#section2 .lcl-box__item ul li:nth-child(4) {
    z-index: 3;
}

#section2 .lcl-box__item ul li:nth-child(5) {
    z-index: 2;
}

#section2 .lcl-box__item ul li:nth-child(6) {
    z-index: 1;
}

@media screen and (min-width: 768px) {

    #section2.active .lcl-box__item ul {
        display: flex;
        justify-content: center;
    }

    #section2.active .lcl-box__item ul li:nth-child(1),
    .touch #section2 .lcl-box__item ul li:nth-child(1) {
        left: 10%;
        top: 250px;
        transition: 0.5s ease 1.2s;
    }

    #section2.active .lcl-box__item ul li:nth-child(2),
    .touch #section2 .lcl-box__item ul li:nth-child(2) {
        left: 37.5%;
        top: 250px;
        transition: 0.65s ease 1.2s;
    }

    #section2.active .lcl-box__item ul li:nth-child(3),
    .touch #section2 .lcl-box__item ul li:nth-child(3) {
        left: 65%;
        top: 250px;
        transition: 0.8s ease 1.2s;
    }

    #section2.active .lcl-box__item ul li:nth-child(4),
    .touch #section2 .lcl-box__item ul li:nth-child(4) {
        left: 0;
        transition: 0.5s ease 1.35s;
    }

    #section2.active .lcl-box__item ul li:nth-child(5),
    .touch #section2 .lcl-box__item ul li:nth-child(5) {
        left: 33.33333%;
        transition: 0.65s ease 1.35s;
    }

    #section2.active .lcl-box__item ul li:nth-child(6),
    .touch #section2 .lcl-box__item ul li:nth-child(6) {
        left: 66.66666%;
        transition: 0.8s ease 1.35s;
    }

}

#section2 .lcl-box__item ul li:nth-child(4) .img {
    background-image: url(http://www.ctechcorp.co.jp/img/business/li02.jpg);
}

#section2 .lcl-box__item ul li:nth-child(1) .img {
    background-image: url(http://www.ctechcorp.co.jp/img/business/li02.jpg);
}

#section2 .lcl-box__item ul li:nth-child(6) .img {
    background-image: url(http://www.ctechcorp.co.jp/img/business/li02.jpg);
}

#section2 .lcl-box__item ul li:nth-child(2) .img {
    background-image: url(http://www.ctechcorp.co.jp/img/business/li02.jpg);
}

#section2 .lcl-box__item ul li:nth-child(3) .img {
    background-image: url(http://www.ctechcorp.co.jp/img/business/li02.jpg);
}

#section2 .lcl-box__item ul li:nth-child(5) .img {
    background-image: url(http://www.ctechcorp.co.jp/img/business/li02.jpg);
}

/* ---------------------------------------------------------------- section3 ---- */

@media screen and (min-width: 768px) {
    .touch #section3 {
        background-color: #fff;
        padding-top: 50px;
    }

    #wrapper:not(.touch) #section3 .fp-scroller {
        height: 100%;
    }

    #wrapper:not(.touch) #section3 .box-inner__ttl {
        width: 100%;
        height: 150px;
        display: block;
        position: absolute;
        z-index: 10;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: 0.5s ease;
    }

    #wrapper:not(.touch) #section3 .box-inner__ttl .block__ttl02 {
        margin-bottom: 0;
        margin-top: 46px;
    }

}

#section3 .lcl-box__item {
    height: 100%;
    position: relative;
    z-index: 2;
}

#section3 .lcl-box__item ul {
    height: 100%;
    position: relative;
}

@media screen and (min-width: 768px) {
    #section3 .lcl-box__item ul {
        opacity: 0;
        transition: 0.5s ease;
    }

    #section3.active .lcl-box__item ul,
    .touch #section3 .lcl-box__item ul {
        opacity: 1;
        transition: 0.5s ease 1s;
    }

    .touch #section3 .lcl-box__item ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }
}

#section3 .lcl-box__item ul li {
    height: 25vw;
    width: 25%;
    position: relative;
}

@media screen and (min-width: 768px) {
    #wrapper:not(.touch) #section3 .lcl-box__item ul li {
        height: 0;
        width: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transition: 0.5s ease .5s;
    }
}

#section3 .lcl-box__item ul li .img {
    width: 100%;
    height: 100%;
    background: center /cover no-repeat;
}

#section3 .lcl-box__item ul li .txt {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

#section3 .lcl-box__item ul li .txt:before {
    content: '';
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    border: 1px solid #fff;
    transform: scale(1.3);
    transition: 0.3s ease;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 3;
}

#section3 .lcl-box__item ul li .txt h3 {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50% - 15px);
    margin: 0 auto;
    transition: 0.3s ease;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}

@media screen and (min-width: 768px) {
    #section3 .lcl-box__item ul li .txt h3 {
        opacity: 0;
        font-size: 20px;
        letter-spacing: 0.2em;
    }
}

#section3 .lcl-box__item ul li .txt h3::before,
#section3 .lcl-box__item ul li .txt h3::after {
    position: absolute;
    left: 50%;
    content: '';
    width: 2px;
    height: 20px;
    background: #f6ab00;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.2s;
}

#section3 .lcl-box__item ul li .txt h3::before {
    top: -25px;
    margin-left: 15px;
}

#section3 .lcl-box__item ul li .txt h3::after {
    bottom: -25px;
    margin-left: -15px;
}

@media screen and (min-width: 768px) {
    #wrapper:not(.touch) #section3.active .lcl-box__item ul li {
        height: calc(50% - 75px);
        width: 25%;
        margin: 0;
        cursor: pointer;
    }
}

#section3 .lcl-box__item ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 25, 90, .4);
}

#section3 .lcl-box__item ul li:nth-child(even)::before {
    background-color: rgba(10, 25, 90, .6);
}

@media screen and (min-width: 768px) {
    #section3 .lcl-box__item ul li::before {
        background-color: rgba(10, 25, 90, 0);
    }

    #section3 .lcl-box__item ul li:nth-child(even)::before {
        background-color: rgba(10, 25, 90, 0);
    }

    #section3.active .lcl-box__item ul li:hover .txt:before,
    .touch #section3 .lcl-box__item ul li:hover .txt:before {
        transform: scale(1);
        opacity: .6;
    }

    #section3.active .lcl-box__item ul li .txt h3,
    .touch #section3 .lcl-box__item ul li .txt h3 {
        opacity: 1;
        transition: 0.5s ease 2.5s;
        font-weight: 500;
    }

    #section3.active .lcl-box__item ul li::before,
    .touch #section3 .lcl-box__item ul li::before {
        background-color: rgba(10, 25, 90, .4);
        transition: 0.5s ease 2.5s;
    }

    #section3.active .lcl-box__item ul li:nth-child(even)::before,
    .touch #section3 .lcl-box__item ul li:nth-child(even)::before {
        background-color: rgba(10, 25, 90, .6);
        transition: 0.5s ease 2.5s;
    }

    #wrapper:not(.touch) #section3.active .lcl-box__item ul li:nth-child(1) {
        left: 0;
        top: 0;
        transition: 0.5s ease 1s;
    }

    #wrapper:not(.touch) #section3.active .lcl-box__item ul li:nth-child(2) {
        left: 25%;
        top: 0;
        transition: 0.5s ease 1.1s;
    }

    #wrapper:not(.touch) #section3.active .lcl-box__item ul li:nth-child(3) {
        left: 50%;
        top: 0;
        transition: 0.5s ease 1.2s;
    }

    #wrapper:not(.touch) #section3.active .lcl-box__item ul li:nth-child(4) {
        left: 75%;
        top: 0;
        transition: 0.5s ease 1.3s;
    }

    #wrapper:not(.touch) #section3.active .lcl-box__item ul li:nth-child(5) {
        left: 0;
        top: calc(50% + 75px);
        transition: 0.5s ease 1.7s;
    }

    #wrapper:not(.touch) #section3.active .lcl-box__item ul li:nth-child(6) {
        left: 25%;
        top: calc(50% + 75px);
        transition: 0.5s ease 1.6s;
    }

    #wrapper:not(.touch) #section3.active .lcl-box__item ul li:nth-child(7) {
        left: 50%;
        top: calc(50% + 75px);
        transition: 0.5s ease 1.5s;
    }

    #wrapper:not(.touch) #section3.active .lcl-box__item ul li:nth-child(8) {
        left: 75%;
        top: calc(50% + 75px);
        transition: 0.5s ease 1.4s;
    }
}

#section3 .lcl-box__item ul li:nth-child(1) .img {
    background-image: url(http://www.ctechcorp.co.jp/img/business/li02.jpg);
}

#section3 .lcl-box__item ul li:nth-child(2) .img {
    background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1555004416477&di=89fc19a752fedfe17942d33c193d7983&imgtype=0&src=http%3A%2F%2Fimg1.cache.netease.com%2Fcatchpic%2FE%2FEA%2FEAE1F7C28CEEA7D503550FC1DBB9C94C.jpg);
}

#section3 .lcl-box__item ul li:nth-child(3) .img {
    background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1555004446047&di=3fb67af4ec43c2eab24840b44bd914c5&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2Ff9dcd100baa1cd1112ca1cbdb312c8fcc3ce2d2a.jpg);
}

#section3 .lcl-box__item ul li:nth-child(4) .img {
    background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1555004478898&di=699cfa7e8b294c8a6c79237fd6ca6a3a&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2F8cb1cb134954092370dfbf569958d109b3de4960.jpg);
}

#section3 .lcl-box__item ul li:nth-child(8) .img {
    background-image: url(https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=9067053,4136982437&fm=200&gp=0.jpg);
}

#section3 .lcl-box__item ul li:nth-child(7) .img {
    background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1555004557798&di=34a1694d4ebb938fc922d43b659c67b5&imgtype=0&src=http%3A%2F%2Fimg.hibor.com.cn%2FdongfangcaifuImg%2F20151015075611754934506.jpg);
}

#section3 .lcl-box__item ul li:nth-child(6) .img {
    background-image: url(https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=9067053,4136982437&fm=200&gp=0.jpg);
}

#section3 .lcl-box__item ul li:nth-child(5) .img {
    background-image: url(https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=9067053,4136982437&fm=200&gp=0.jpg);
}

/* ---------------------------------------------------------------- section4 ---- */
#section4 .box-inner {
    height: auto;
}

@media screen and (min-width: 768px) {
    #section4 .pickup {
        background-color: transparent;
        padding: 0;
    }

    .pickup-slider {
        transform: translateY(100px);
        opacity: 0;
        transition: .6s ease;
    }

    .active .pickup-slider,
    .touch .pickup-slider {
        transform: translateY(0px);
        opacity: 1;
        transition: .6s ease 1s;
    }
}

/* ---------------------------------------------------------------- section5 ---- */

@media screen and (min-width: 768px) {
    #section5 .box-inner__ttl {
        width: 40%;
        height: 150px;
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        right: 5%;
        margin: auto 0;
    }

    #section5 .box-inner__ttl .block__ttl02 {
        margin-bottom: 0;
        margin-top: 46px;
    }
}

.lcl-company {
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 2;
    position: relative;
}

.lcl-company .fcWh {
    color: #fff;
}

.lcl-company .fcBl {
    color: #f49b00;
}

.lcl-company-l,
.lcl-company-r {
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 768px) {
    .touch .lcl-company {
        height: 60vw;
    }

    .lcl-company-l,
    .lcl-company-r {
        width: 50%;
        height: 100%;
    }
}

.lcl-company-rl,
.lcl-company-rr {
    width: 50%;
    height: 100%;
}

.lcl-company-l {
    background: url(../company/image/gongsi2.png) 5% center /cover no-repeat;
    text-align: center;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    .lcl-company-l {
        background-position: 25% center;
        background-attachment: fixed;
    }

    .touch .lcl-company-l {
        background-attachment: scroll;
    }

    .lcl-company-l__in {
        transition: .6s ease 0s;
        transform: translateY(100px);
        opacity: 0;
    }

    .active .lcl-company-l__in,
    .touch .lcl-company-l__in {
        transition: .6s ease 1.6s;
        transform: translate(0px, 0px);
        opacity: 1;
    }
}

.lcl-company__ttl {
    font-size: 22px;
    letter-spacing: 0.1em;
    font-weight: 600;
}

.lcl-company__ttl-sub {
    font-size: 12px;
    letter-spacing: 0.1em;
    margin-top: 5px;
}

.lcl-company__ttl2 {
    font-family: Oswald;
    font-size: 55px;
    color: #f49b00;
    font-weight: 200;
    margin-bottom: 15px;
}

.lcl-company__txt {
    font-size: 13px;
    letter-spacing: 0.1em;
    margin-bottom: 50px;
}

.lcl-company-r__b,
.lcl-company-r__s {
    width: 100%;
    text-align: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .lcl-company-r__b,
    .lcl-company-r__s {
        transition: .6s ease 0s;
        transform: translateY(100px);
        opacity: 0;
    }

    .active .lcl-company-r__b,
    .touch .lcl-company-r__b,
    .active .lcl-company-r__s,
    .touch .lcl-company-r__s {
        transform: translateY(0px);
        opacity: 1;
    }

    .active .lcl-company-rl .lcl-company-r__b,
    .touch .lcl-company-rl .lcl-company-r__b {
        transition-delay: 1.2s;
    }

    .active .lcl-company-rl .lcl-company-r__s,
    .touch .lcl-company-rl .lcl-company-r__s {
        transition-delay: 1.3s;
    }

    .active .lcl-company-rr .lcl-company-r__b,
    .touch .lcl-company-rr .lcl-company-r__b {
        transition-delay: 1.5s;
    }

    .active .lcl-company-rr .lcl-company-r__s,
    .touch .lcl-company-rr .lcl-company-r__s {
        transition-delay: 1.4s;
    }
}

.lcl-company-r__b {
    height: 60%;
}

/*.lcl-company-r__b:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: 200px;*/
/*    height: 500px;*/
/*    transform: rotate(-45deg);*/
/*    transform-origin: left top;*/
/*    z-index: 1;*/
/*    background-color: rgba(20, 40, 80, .15);*/
/*    left: calc(50% - 80px);*/
/*    top: 52%;*/
/*    transition: .3s ease;*/
}

/*.active .lcl-company-r__b:before {
	height: 500px;
	transition: .3s ease 1.3s;
}*/

.lcl-company-r__b:after,
.lcl-company-r__s:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(20, 40, 80, 0);
    transition: .3s ease;
}

.lcl-company-r__s {
    height: 40%;
}

.lcl-company-r__in {
    position: relative;
    z-index: 2;
}

.lcl-company-r__icon {
    background: url(http://www.ctechcorp.co.jp/img/company/icon_01.png) center /cover no-repeat;
    width: 200px;
    height: 200px;
    margin-bottom: 40px;
    transition: .3s cubic-bezier(0, .96, .55, 1.33);
}

.lcl-company-r__icon.icon02 {
    background: url(http://www.ctechcorp.co.jp/img/company/icon_02.png) center /cover no-repeat;
}

.lcl-company-rl .lcl-company-r__b {
    background-color: #f49b00;
}

.lcl-company-rl .lcl-company-r__s {
    background-color: #333;
}

.lcl-company-rr .lcl-company-r__b {
    background-color: #2e59a9;
}

.lcl-company-rr .lcl-company-r__s::before {
    background: url(http://www.ctechcorp.co.jp/img/company/bg_02.jpg) center /cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: .3s ease;
    transform: scale(1);
}

.lcl-company-r__img {
    height: 27vh;
    width: 25vw;
    margin-bottom: 2.5vh;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 768px) {
    .touch .lcl-company-r__img {
        height: 14vw;
        margin-bottom: 1.5vw;
    }
}

.lcl-company-r__img::before {
    background: url(http://www.ctechcorp.co.jp/img/company/img_01.jpg) center /cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    transition: .3s ease;
}

@media screen and (min-width: 768px) {
    .lcl-company-r__b:hover:after,
    .lcl-company-r__s:hover:after {
        background-color: rgba(20, 40, 80, .15);
    }

    .lcl-company-r__b:hover .lcl-company-r__icon {
        transform: scale(1.08);
    }

    .lcl-company-rr .lcl-company-r__s:hover::before {
        transform: scale(1.08);
    }

    .lcl-company-rl .lcl-company-r__s:hover .lcl-company-r__img::before {
        transform: scale(1.08);
    }
}

/* ---------------------------------------------------------------- section6 ---- */

@media screen and (min-width: 768px) {
    .touch #section1 {
        padding: 50px 0 70px;
    }

    .touch #section4 {
        padding: 30px 0 60px;
    }

    .touch #section6 {
        padding: 50px 0 60px;
    }

    #wrapper:not(.touch) #section6 .box-inner {
        width: 100%;
        height: 100vh;
    }
}

.lcl-special {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 768px) {
    .lcl-special-item {
        transform: translateY(100px);
        opacity: 0;
        transition: .6s ease;
    }

    .active .lcl-special-item,
    .touch .lcl-special-item {
        transform: translateY(0px);
        opacity: 1;
    }

    .active .lcl-special-item:nth-child(1),
    .touch .lcl-special-item:nth-child(1) {
        transition-delay: .7s;
    }

    .active .lcl-special-item:nth-child(2),
    .touch .lcl-special-item:nth-child(2) {
        transition-delay: .8s;
    }

    .active .lcl-special-item:nth-child(3),
    .touch .lcl-special-item:nth-child(3) {
        transition-delay: .9s;
    }

    .active .lcl-special-item:nth-child(4),
    .touch .lcl-special-item:nth-child(4) {
        transition-delay: 1s;
    }
}

.lcl-special-item {
    margin-bottom: 25px;
}

.lcl-special-item {
    box-shadow: 0 4px 8px rgba(85, 85, 85, 0.08);
}

@media screen and (min-width: 768px) {
    .lcl-special-item img {
        height: 185px;
    }

    .lcl-special-item:nth-child(1) img,
    .lcl-special-item:nth-child(2) img {
        height: 188px;
    }
}

/* ---------------------------------------------------------------- section6 ---- */
@media screen and (min-width: 768px) {
    #wrapper:not(.touch) #section7 .fp-tableCell {
        position: relative;
        z-index: 2;
    }

    #wrapper:not(.touch) #section7 .box-inner {
        width: 100%;
        height: 100vh;
        padding-top: 100px;
        /*background-color: #fff;*/
        position: relative;
    }

    #wrapper:not(.touch) #section7 .footer-in {
        background-color: transparent;
    }

    #wrapper:not(.touch) #section7 .pagetop {
        display: none;
    }

    #wrapper:not(.touch) #section7 .block__ttl02 {
        margin-bottom: 60px;
    }

    #wrapper:not(.touch) #section7 .footer-in {
        padding-top: 200px;
    }

    .touch #section7 .footer-in .block__ttl02-wrp {
        display: none;
    }

    #wrapper:not(.touch) #section7 #footer {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        height: calc(30vh + 400px);
        z-index: 2;
    }

    #section7 {
        position: relative;
    }

    #wrapper:not(.touch) #section7::after {
        content: '';
        width: 100%;
        height: 28%;
        position: absolute;
        background-color: #fff;
        z-index: 1;
        bottom: 0;
        left: 0;
    }

    #wrapper:not(.touch) #section7 #footer::after {
        display: none;
    }
}

/* ---------------------------------------------------------------- fullpage ---- */
@media screen and (min-width: 768px) {
    #fp-nav ul, .fp-slidesNav ul {
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 0;
    }

    #fp-nav ul li, .fp-slidesNav ul li {
        width: 45px;
        height: 7px;
        margin: 15px 0px;
    }

    #fp-nav.right {
        right: 0;
        z-index: 9999;
    }

    #fp-nav ul li a.active span,
    #fp-nav ul li:hover a.active span,
    .fp-slidesNav ul li a.active span,
    .fp-slidesNav ul li:hover a.active span,
    #fp-nav ul li a span,
    .fp-slidesNav ul li a span {
        height: 100%;
        width: 100%;
        background: #f6ab00;
        margin: 0;
        border-radius: 0%;
        left: 50%;
        top: 0;
        opacity: .5;
    }

    .fp-viewing-TOP #fp-nav ul li a.active span,
    .fp-viewing-TOP #fp-nav ul li:hover a.active span,
    .fp-viewing-TOP .fp-slidesNav ul li a.active span,
    .fp-viewing-TOP .fp-slidesNav ul li:hover a.active span,
    .fp-viewing-TOP #fp-nav ul li a span,
    .fp-viewing-TOP .fp-slidesNav ul li a span {
        background: #fff;
    }

    #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span,
    #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
        background: #f6ab00;
        left: 0;
        opacity: 1;
    }

    .fp-viewing-TOP #fp-nav ul li:hover a span, .fp-viewing-TOP .fp-slidesNav ul li:hover a span,
    #fp-nav ul li a.active span, .fp-viewing-TOP #fp-nav ul li:hover a.active span, .fp-viewing-TOP .fp-slidesNav ul li a.active span, .fp-viewing-TOP .fp-slidesNav ul li:hover a.active span {
        background: #f6ab00;
    }

    #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
        height: 100%;
        width: 100%;
        background: #f6ab00;
        margin: 0;
        border-radius: 0%;
        left: 30%;
        top: 0;
        opacity: 1;
    }

    .fp-viewing-TOP #fp-nav ul li:hover a span, .fp-viewing-TOP .fp-slidesNav ul li:hover a span {
        background: #fff;
    }

    .fp-viewing-TOP #fp-nav ul li a.active span {
        background: #f6ab00;
    }
}

/* ---------------------------------------------------------------- main ---- */
.lcl-main-area {
    height: 100vh;
    display: block;
}

@media screen and (min-width: 768px) {
    .touch .lcl-main-area {
        height: 800px;
    }
}

.lcl-main-area .fp-tableCell {

}

.lcl-main-inner {
    text-align: center;
    color: #000;
    width: 100%;
    height: 100%;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
}

/*.lcl-main-inner:before {*/
/*content: "";*/
/*position: absolute;*/
/*left: 0;*/
/*top: 0;*/
/*z-index: 1;*/
/*width: 100%;*/
/*height: 100%;*/
/*z-index: 2;*/
/*background-image: url(http://www.ctechcorp.co.jp/img/main/filter-dot.png);*/
/*background-size: 2px;*/
/*background-color: rgba(0, 0, 0, .5);*/
/*opacity: .5;*/
/*transition: 1s ease;*/
/*}*/

.touch .lcl-main-inner:before {
    background-color: rgba(0, 0, 0, .6);
    opacity: .4;
}

.fp-viewing-TOP .start.lcl-main-inner:before,
.touch .start.lcl-main-inner:before {
    background-image: url(http://www.ctechcorp.co.jp/img/main/filter-dot.png);
    background-size: 2px;
    background-color: rgba(0, 0, 0, .5);
    opacity: .5;
}

.lcl-main-ttl {
    display: block;
    position: relative;
    z-index: 2;
    font-size: 0;
    transform: translate(0, 20px);
    width: 573px;
    height: 89px;
}

.lcl-main-ttl::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 50px;
    background-color: #fff;
}

.lcl-main-ttl::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 20px;
    background-color: #fff;
}

.start .lcl-main-ttl::after {
    -webkit-animation: ttl 1.5s cubic-bezier(0.890, 0.010, 0.125, 1.005) 0.3s forwards;
    animation: ttl 1.5s cubic-bezier(0.890, 0.010, 0.125, 1.005) 0.3s forwards;
}

.start .lcl-main-ttl::before {
    -webkit-animation: ttl 1.5s cubic-bezier(0.890, 0.010, 0.125, 1.005) 0s forwards;
    animation: ttl 1.5s cubic-bezier(0.890, 0.010, 0.125, 1.005) 0s forwards;
}

.lcl-main-ttl__item {
    background: url(../company/image/ttl_01.png) center /100% no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition-delay: .75s;
}

.start .lcl-main-ttl__item {
    opacity: 1;
}

@-webkit-keyframes ttl {
    0% {
        width: 0;
        left: 0;
        right: auto;
    }
    40% {
        width: 100%;
        left: 0;
        right: auto;
    }
    60% {
        width: 100%;
        right: 0;
        left: auto;
    }
    100% {
        width: 0;
        right: 0;
        left: auto;
    }
}

@keyframes ttl {
    0% {
        width: 0;
        left: 0;
        right: auto;
    }
    40% {
        width: 100%;
        left: 0;
        right: auto;
    }
    60% {
        width: 100%;
        right: 0;
        left: auto;
    }
    100% {
        width: 0;
        right: 0;
        left: auto;
    }
}

@media screen and (max-width: 767px) {
    /* ---------------------------------------------------------------- SP Style ---- */
    .lcl-main-ttl::before {
        height: 7vw;
    }

    .lcl-main-ttl::after {
        height: 4vw;
    }

    .lcl-scroll {
        padding-top: 45px;
        -webkit-transform: translate(0, -30%);
        transform: translate(0, -30%);
    }

    .lcl-scroll span {
        width: 20px;
        height: 40px;
        margin-left: -10px;
        border: 2px solid #fff;
    }

    .lcl-scroll span::before {
        top: 5px;
        width: 4px;
        height: 4px;
        margin-left: -2px;
    }

    @-webkit-keyframes sdb {
        0% {
            -webkit-transform: translate(0, 0);
            opacity: 0;
        }
        40% {
            opacity: 1;
        }
        80% {
            -webkit-transform: translate(0, 15px);
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    @keyframes sdb {
        0% {
            transform: translate(0, 0);
            opacity: 0;
        }
        40% {
            opacity: 1;
        }
        80% {
            transform: translate(0, 15px);
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }
    .lcl-main-area {
        height: 150vw;
        display: block;
    }

    .lcl-main-scroll {
        width: 35px;
        height: 60px;
        bottom: 20px;
    }

    .lcl-main-ttl {


        width: 80vw;
        height: 13vw;
        opacity: 1;
        transform: translate(0, 0);
    }

    .lcl-main-inner:before {
        background-color: rgba(0, 0, 0, .6);
        opacity: .4;
        background-size: 1px;
    }

    .lcl-box {
        display: block;
    }

    #section1 {
        background-color: #eee;
        padding: 20px 0 25px;
    }

    .lcl-news {
        padding-bottom: 20px;
        width: calc(100% - 40px);
    }

    .lcl-news-list {
        margin-bottom: 30px;
    }

    .lcl-news-item {
        height: 80px;
        width: 100%;
    }

    .lcl-news-item:not(:last-child) {
        margin-bottom: 15px;
    }

    .lcl-news-item__img {
        width: 25%;
        height: 80px;
    }

    .lcl-news-item__txt {
        width: 75%;
        padding: 0 10px;
    }

    .lcl-news-item__day {
        font-size: 12px;
        margin-bottom: 5px;
        line-height: 15px;
    }

    .lcl-news-item__cat {
        font-size: 10px;
        width: 80px;
        line-height: 15px;
        margin-left: 5px;
    }

    #section2 {
        /*padding: 20px 0 15px;*/
    }

    #section2 .box-inner__ttl {
        height: auto;
        position: relative;
    }

    #section2 .lcl-box__item ul {
        align-items: stretch;
    }

    #section2 .lcl-box__item ul li {
        position: relative;
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
    }

    #section2 .lcl-box__item ul li .txt h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #section2 .lcl-box__item ul li .txt {
        padding: 10px 0 20px;
        margin-bottom: 10px;
    }

    #section3 {
        padding: 20px 0 0;
    }

    #section3 .lcl-box__item ul li {
        height: 50vw;
        width: 50%;
    }

    #section4 .pickup {
        padding: 25px 0 35px;
    }

    .lcl-company-l {
        height: 250px;
        background-size: cover;
        background-position: 0 0;
        background-repeat: no-repeat;
    }

    .lcl-company__ttl {
        font-size: 16px;
        letter-spacing: 0.05em;
    }

    .lcl-company__ttl2 {
        font-size: 45px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .lcl-company__txt {
        letter-spacing: 0.05em;
        margin-bottom: 30px;
    }

    .lcl-company-r__icon {
        width: 30vw;
        height: 30vw;
        margin-bottom: 20px;
    }

    .lcl-company-r__b::before {
        width: 30vw;
        height: 100vw;
        left: calc(50% - 40px);
        top: 45%;
        display: none;
    }

    .lcl-company-r__b {
        height: 80vw;
        padding: 1rem;
    }

    .lcl-company-r__s {
        height: 50vw;
    }

    .lcl-company-r__img {
        height: calc(50vw - 70px);
        width: 100%;
        margin-bottom: 10px;
    }

    .lcl-company__ttl-sub {
        font-size: 10px;
        margin-top: 0px;
    }

    #section6 {
        padding: 20px 0 30px;
    }

    #section6 .box-inner {
        height: auto;
    }

    .lcl-special {
        width: auto;
    }

    .lcl-special-list {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
    }

    .lcl-special-item {
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    /*.lcl-special-item.wSmall {
        width: 60%;
    }*/
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.mainColor {
    color: orange;
}

.ti10 {
    text-indent: 10px;
}

.ti20 {
    text-indent: 20px;
}

.displayF {
    display: flex;
}

.displayB {
    display: block;
}

.ti50 {
    text-indent: 50px
}


.flex1 {
    flex: 1
}

.flex2 {
    flex: 2
}

.flex3 {
    flex: 3
}

.wFull {
    width: 100%;
}

.p20 {
    padding: 20px;
}

.overHidden {
    overflow: hidden;
}

.h400 {
    height: 400px;
}

.pt30 {
    padding-top: 30px;
}
.fs20{
    font-size: 20px;
}
.fs18{
    font-size: 18px;
}
.fs16{
    font-size: 16px;
}
.fs14{
    font-size: 14px;
}
.fs12{
    font-size: 12px;
}
.overshow{
    position: relative;
}
.obfc{
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 2;
    color:#333;
}
.cbg{
    background-size:cover ;
    background-position: 0 0;
}
.comShadow{
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}
/*font-size*/
.fs3{
    font-size: 3rem;
}
.fs2{
    font-size: 2rem;
}
.fs1{
    font-size: 1rem;
}

/*color*/
.cWhite{
    color: white!important;
}
.cOrange{
    color: orange!important;
}
.cHightLight{
    color: #FF9800!important;
}
.cFontColor{
    color: #888888!important;
}
.overVisable{
    overflow: visible!important;
}